import React, { Component } from 'react'
import MouseCat from './MouseCat'
export default class Mouse extends Component {
  render () {
    return (
      // <div>
      //   <MouseCat
      //     render={position => (
      //       <img
      //         style={{
      //           position: 'absolute',
      //           left: position.x,
      //           top: position.y,
      //           width: 200,
      //           height: 150
      //         }}
      //         src='https://t10.baidu.com/it/u=3113406853,207789330&fm=30&app=106&f=JPEG?w=640&h=480&s=308A22F14493C9C60429B72103007054'
      //       />
      //     )}
      //   />
      // </div>
      //children props代码实现方式一
      // <MouseCat
      //   children={position => (
      //     <img
      //       style={{
      //         position: 'absolute',
      //         left: position.x,
      //         top: position.y,
      //         width: 200,
      //         height: 150
      //       }}
      //       src='https://t10.baidu.com/it/u=3113406853,207789330&fm=30&app=106&f=JPEG?w=640&h=480&s=308A22F14493C9C60429B72103007054'
      //     />
      //   )}
      // ></MouseCat>

      //children props代码实现方式二
      <MouseCat>
        {position => (
          <img
            style={{
              position: 'absolute',
              left: position.x,
              top: position.y,
              width: 200,
              height: 150
            }}
            src='https://t10.baidu.com/it/u=3113406853,207789330&fm=30&app=106&f=JPEG?w=640&h=480&s=308A22F14493C9C60429B72103007054'
          />
        )}
      </MouseCat>
    )
  }
}
